你是一名资深移动端 UI/UX 设计专家，现在请你根据我提供的产品信息，输出一份专业、完整、结构清晰的《移动端 UI 设计规范》文档。

请用 Markdown 语法输出，章节清晰、可读性高，并适合放入 PRD/TAPD 中使用。

请严格按照以下结构生成：

## 1. 品牌与整体风格定义

- **品牌基调（Brand Tone）**：xxx
- **情绪色板（Emotion Board）**：xxx
- **设计理念**：xxx
- **适用场景**：App / H5 / 小程序（按需要填写）

## 2. 色彩规范

### 2.1 主色（Primary Color）

- 编写主色值（Hex / RGBA）
- **使用场景**：按钮、标题、强调元素

### 2.2 辅助色（Secondary Color）

- 色值
- **使用场景**：标签、状态、导航图标

### 2.3 功能色（Functional Colors）

- 成功色
- 警告色
- 错误色
- 信息色

### 2.4 中性色（Neutral Colors）

- 标题文字、正文文字、浅灰背景、线框颜色

## 3. 字体规范

- 字体家族（iOS / Android 默认）
- 字号体系（H1 / H2 / Body / Caption）
- 行高规范
- 适用场景说明

## 4. 图标规范

- 图标风格（线性/面性）
- 默认尺寸（16/20/24 px）
- 线条粗细
- 主色/中性色使用规则
- 交互状态（默认、悬停、禁用）

## 5. 间距与布局

### 5.1 全局圆角规范

- 全局圆角尺寸（4/8/16 px）

### 5.2 全局边距规范

- 页面边距（一般 16px）
- 卡片间距
- 模块间距（8/12/16）

### 5.3 栅格规范

- 移动端 375px/414px 适配规则
- 自动伸缩规则
- H5 响应式规则（如需要）

## 6. 组件规范（重点）

### 6.1 按钮（Button）

- 大按钮/中按钮/小按钮
- Normal / Hover / Pressed / Disabled 状态
- 例图（Cursor 可自动生成）

### 6.2 输入框（Input Field）

- 默认、输入中、禁用、错误态
- 占位符文本规范

### 6.3 弹窗（Modal）

- 标题
- 内容区
- 按钮
- 蒙层透明度

### 6.4 表单规范

- Label 文案规则
- 错误提醒规则
- 字数限制规则

### 6.5 列表/List

- 列表行间距
- 左图右文布局规范
- 左滑/右滑规则（如需要）

### 6.6 Toast、Message、ActionSheet

- 展示位置
- 动画
- 显示时长

## 7. 页面级规范

请根据产品的实际需求生成以下页面的布局与规范：

- 首页
- 列表页
- 详情页
- 我的页面
- 登录 / 注册
- 搜索页
- 个人中心 / 设置页

每个页面需输出：

- 页面结构
- 交互说明
- 例图建议（Cursor 将生成草图）
- 点击区域规范
- 特殊交互说明（如下拉刷新/滑动删除等）

## 8. 动效规范（如果需要）

- 进入动效
- 退出动效
- 滑动动画
- loading 动画规范

## 9. 组件命名规范

- BEM / PascalCase / camelCase（任选）
- 在前端代码中的对应命名约束

## 10. 可访问性规范（A11y）

- 色彩对比度
- 文本最小字号
- 触控区域
- VoiceOver / TalkBack 支持（如需要）